import type { RouteObject } from 'react-router-dom';

import Page from './page';

import DefaultPage from './default/page';
import PostCollectionsPage from './post-collections/page';
import PostCollectionsDefaultPage from './post-collections/default/page';
import PostCollections$IdPage from './post-collections/$id/page';

const route: RouteObject = {
  path: 'me',
  element: <Page />,
  children: [
    { path: '', element: <DefaultPage /> },
    {
      path: 'post-collections',
      element: <PostCollectionsPage />,
      children: [
        { path: '', element: <PostCollectionsDefaultPage /> },
        { path: ':id', element: <PostCollections$IdPage /> },
      ],
    },
  ],
};

export default route;
